<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>作业3-登录界面</title>
    <style>
        .login-btn {
            background-color: #2dabce;
            color: white;
            border: none;
            width: 60px;
            height: 20px;
        }
    </style>
</head>
<body>
    <h3 align="center">会员登录</h3>

    <form>
        <table align="center">
             <tr>
            <td align="right">登录账号</td>
            <td>
                <input type="text" placeholder="邮箱/id/手机号" name="account" id="">
            </td>
        </tr>
        <tr>
            <td align="right">密码</td>
            <td>
                <input type="text" placeholder="密码" name="pwd" id="">
            </td>
        </tr>
        <tr>
            <td></td>
            <td style="color:gainsboro; font-size: 10px;">
                <input type="checkbox" style="vertical-align: middle;"> 两周内自动登录
            </td>
        </tr>
        <tr>
            <td>
            </td>
            <td>
                <button type="submit" class="login-btn">登录</button>
                &nbsp;&nbsp;
                <a href="https://www.baidu.com/">忘记密码</a>
            </td>
        </tr>
        <tr>
            <td>其他账户登录</td>
            <td>
                <img src="../img/ico1.png"> QQ账号
                <img src="../img/ico2.png"> 新浪微博
                <img src="../img/ico3.png"> 百度账号
            </td>
        </tr>
        <tr>
            <td></td>
            <td>
                <a href="https://www.baidu.com/">还不是会员？立即注册</a>
            </td>
        </tr>
        </table>
    </form>
</body>
</html>